<template>
    <div class="banner">
        <img :src="tempUrl" alt="">
        <ul class="list">
            <li v-for="(item,index) in arr" @click="tempUrl = item" :key="index"></li>
        </ul>
  </div>
</template>
<script>
export default {
    data(){
        return {
        arr:[
          "images/0.jpg",
          "images/1.jpg",
          "images/2.jpg",
          "images/3.jpg",
          "images/4.jpg"
        ],
        tempUrl:"images/0.jpg"
        }
    }
}
</script>